Quelques liens divers pour bien débuter la semaine.
Technologies web
Un tableau récapitulatif (en anglais) des principales technologies web (dont HTML5 et CSS3).
CSS Menu Maker
Un générateur de menus (verticaux, horizontaux, déroulants pas forcément accessibles).
CSS Menus (bis)
Encore des menus à tester en direct (simple niveau, déroulants, avec sous-menu, en arborescence).
Es...
Tandis que le tutoriel actuel concernant les menus déroulants en CSS et Javascript vient d'être déclaré vieillissant du fait de ses lacunes et obsolescences, une nouvelle méthode vient d'être publiée par Thomas Dedericks : Créer un menu accordéon avec jQuery.
Comme vous pouvez le constater, je viens de mettre en place un menu horizontal en haut de page. En cherchant un peu ce qui se faisait sur le web, j'ai découvert que l'emploi de ces menus était très à la mode à tel point qu'on en trouve des dizaines d'exemples sur divers sites. Je vous propose donc de découvrir quelques exemples de ces menus. Je vous donnerai également quelque sites qui proposent d'autres menus. A propos du code HTML
Un menu n'est rien d'autre qu'une liste de liens. Alors par pitié, tenez-vous en aux listes HTML et ne dérivez pas sur des tableaux et autres aérations du genre. On peut tout faire avec des listes !
On se basera donc dans tous les exemple sur le code HTML suivant :
<ul id="mymenu">... Lire Menu horizontaux et verticaux à base de simples listes
On vous le disait il y a quelques semaines, les menus horizontaux (menus du haut et du bas) de vos sites seront beaucoup plus personnalisables (image de fond, style de lien, taille du texte, couleurs, ...) et indépendants (les deux menus pourront être différents visuellement) dans la version 3. De plus, il sera possible de choisir en version gratuite d'afficher ou non ces menus.
En plus de cela, vous pourrez gérer les liens de ces menus de manière très simple et indépendante pour chaque menu (les menus pourront contenir des liens différents).
La capture ci-dessus montre la gestion des liens dans les menus horizontaux dans la V3. Il sera possible d'ordonner les liens par glisser-déposer et d'ajouter simplement des liens vers des modules, des rubriques, des catégories ou des url externes. Les menus horizontaux deviendront ainsi configurables à 100% alors qu'aujourd'hui les liens de ces menus sont les modules activés et il est juste possible de choisir la couleur de fond et du texte ! Une petite révolution est en marche croyez moi
IzzyMenu est une application en ligne qui vous aidera à créer vos barres de menus CSS avec un look professionnel. Vous pouvez créer des menus simples ou avec sous menus déroulants, le tout sans écrire la moindre ligne de code.
Question : que faites-vous quand vous avez une arborescence très large, que vous voulez un accès en un clic à vos sous-catégories et que vous ne souhaitez pas gaspiller trop de place avec un menu de navigation à rallonge ? Et bien vous utilisez un menu déroulant surdimensionné.
Démonstration avec le menu “All Product Categories” de [...]
Smashing magazine propose aujourd'hui les différentes tendances de menus de navigation : au programme, les blocs parlants, les menus style Mac, les menus à icones, les menus verticaux, les personnalisés, et les menus expérimentaux. Ouf..Il manque peut être les menus déroulants, à moins que cela ne soit pas à la mode. Navigation Menus: Trends and Examples (0 visite)
Bonjour,
je suis très intéressé par la mise en place de menus déroulants du type Spry de Dreamweaver ou Milonic (http://www.milonic.com).
Les menus Spry sont des css avec des div, des ul et des il que le javascript montre ou masque. Ca a l'air ... Forum Débuter en référencement
Les applications logicielles utilisent le principe des menus en cascade depuis de nombreuses années. Au survol de la souris d'un élément du menu, celui-ci se déploit en sous-menus de plusieurs niveaux. Ce type de menu est également connu sous le nom de menu déroulant ou menu à coulisse.
Certains développeurs Web et propriétaires de site décident d’intégrer ce type de menu dans leur interface web, croyant ainsi améliorer l’ergonomie et l’accessibilité.
Bonjour,
J'ai mis en place un menu vertical à 2 niveaux, mais je souhaiterai que
que si plusieurs menus de niveau 1 sont ouverts, le dernier menu ouvert soit fermé pour eviter une cascade de menus.
En revanche je ne vois pas la modif à faire a... Forum Développement d'un site Web
E-monsite vous propose une nouvelle option très intéressante pour rendre votre site plus dynamique et améliorer son ergonomie : les menus déroulants dans le menu horizontal du haut de votre site Internet. Cette option permet, lorsque vous insérez une catégorie dans ce menu (via Configuration > Menus horizontaux > Menu du haut), d'indiquer que vous souhaitez un menu déroulant. Celui-ci affichera au survol du lien la liste complète des rubriques contenues dans la catégorie.
Je ne m'étendrais pas sur les détails de la mise en place de cette option puisque Jérémy à rédigé un tutoriel très complet à ce sujet !
La mise en place de cette option a entraîné des modifications au niveau du code HTML (les éléments du menu horizontal ne sont plus sous forme de simples liens mais sous forme de listes ul > li) et de la feuille de styles CSS de votre site. Si vous avez édité la feuille de styles CSS avant cette modification et que vous constatez des problèmes, contactez-nous. De même, pour les utilisateurs en version pro ayant édité le menu horizontal du haut en HTML, vous ne pourrez pas utiliser les menus déroulants. Dans ce cas, n'hésitez pas à nous contacter également pour que nous vous indiquions la marche à suivre.
Ces modifications ont pu entraîner des problèmes sur certains sites. Nous avons résolu tous ces problèmes. Nous nous excusons pour le désordre que cela a pu occasionner pour certains utilisateurs. Enfin, lorsque votre menu est centré ou aligné à droite, vous pouvez ...
Restaurants pas chers : Découvre les menus anticrise dans les restaurants…ce sont des menus low cost un jour par semaine pour que les clients viennent en masse.
Cela peut être des menus à -50% ou 5 euros avec un plat unique ou encore le café ‘pt’it noir” à 1 euro.
Il y a aussi la Pizza Pasta [...]
“Une maquette tendance stp !”
“Euh oui pas de soucis !” Petit tour d’horizon pour l’inspiration et une petite évidence me saute aux yeux : les menus verticaux ne se font plus en 2009. Du moins pour les menus principaux (barre de navigation).
C’est vrai qu’en position verticale, collés à gauche et avec une couleur unie comme [...]
Catégorie: Les menus à emporterArticle:Au poulet braisé est un restaurant de poulet à la carte bien fournie. Nous réalisons également des menus de poulet à emporter ainsi que la livraison de plats . Menu beignet 2 accras 2 crevettes 2 crabes + riz + boisson 33cl A emporter : 8.50€ Menu perso 1/2 poulet riz 1 boisson 33cl A emporter : 7,50€ Menu Duo 1 poulet riz 2 boissons 33cl A emporter : 14€ Menu family 2 poulets riz 1 bouteille 1,5L/Oasis 2L A emporter : 26€ Commandez au 01 43 15 16 17 Du lundi au samedi10h00-14h30/18h00-23h00
Je vous avais déjà parlé de menus Xhtml / CSS très bien fait et gratuits, et bien CSS Menu Generator fait le même chose, mais va encore plus loin puisqu'il vous propose de construire directement votre menu et d'en télécharger le code complet.
Ainsi vous serez sûr d'avoir un menu 100% valide W3C
Vous avez le choix entre :
11 menus horizontaux
6 menus verticaux
Dernière chose si vous êtes un as des CSS, proposez leur un menu avant le 17/10/2007 et vous participerez à un tirage au sort pour gagner un Iphone
Screenshots :